<!DOCTYPE html>
<html>
<head>
	<title>Nagpur Munciple Corporation - Google Mapping</title>
	<meta name="tab" content="zone" />
	<meta name="decorator" content="HeaderFooter" />
	
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
	<!--<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAu5uZUEWFf_PGLJL6oAB1ahSCNtSGhNoL_TN2FnCc3wIkczsEQxQd9JQdimODbNk5fsLXuxktQQylSQ" type="text/javascript"></script>-->

	<script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBl-1kmeYgZ8kS_L9_LqfeO481d_zKW6i4&sensor=false">
    </script>
	
	<script type="text/javascript">
	
	
	var nmcOffices = [new Office("Dhantoli",21.14900241815646, 79.08094482216802,""),
						new Office("Neharu Nagar",21.155406246787734, 79.08128814492193,""),
						new Office("Lakshmi Nagar",21.148682219455765, 79.11184387001958,"")
					];
	
	
	function initialize() {
		var myOptions = {
			center: new google.maps.LatLng(21.14900241815646, 79.08094482216802),
			zoom: 12,
			mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        zoneView();
	}
	
	</script>

</head>

<body onload="initialize()" >

<div id="container" >
			<div id="content">
				<div id="map_canvas" style="margin: 10px; height: 450px"></div>
			</div>
			<div id="sidebar">
			<div id="zoneOfficeViewSideBar" style="display:block">
					<ul>
						<li>Dhantoli Zone</li>
						<li>Nehru Nagar Zone</li>
						<li>Sataranjipura Zone </li>
						<li>Lakadganj Zone</li>
						<li>Ashi Nagar Zone</li>
						<li>Mangalwari Zone</li>
						<li>Ghandi Bag Zone</li>
						<li>Hanuman Nagar Zone</li>
						<li>Dharampeth Zone</li>
						<li>Laxmi Nagar Zone</li>
					</ul>
				</div>
			</div>
</div>
</body>
</html>
